@CHARSET "UTF-8";

body {
	font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti,
		MingLiu;
	letter-spacing: 0.5px;
}

a {
	color: #808080;
}


.wrapper {
	padding: 0;
	box-shadow: 1px 1px 10px 1px #aaa;
	position: relative;
}

.rec-head {
	background: #464646;
	color: #FFF;
	padding: 11px;
}

.rec-head > div {
	padding-left: 50px;
}

.rec-head a {
	color: #FFF;
}

.rec-head .dropdown-menu {
	margin: 2px 0 0 -100px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0);
}

.glyphicon {
	top: 2px;
}

.setApi {
	cursor: pointer;
}

.rec-body {
	height: 500px;
	background: #f4f4f4;
	padding: 5px 15px;
	overflow-y: auto;
}

.rec-foot {
	height: 50px;
	padding: 5px;
	background: #f4f4f4;
}

.form-controls {
	border: none;
	width: 86%;
	padding: 5px 10px;
	outline: none;
	border-radius: 2px;
}

#send {
	margin-left: 5px;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	padding: 4px 11px;
	color: #FFF;
	border: 1px solid #464646;
	background: #464646;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}

#txt {
	border-radius: 3px;
	border: 1px solid #dbdbdb;
	box-shadow: 1px 1px 2px 0 #d0cfcf;
}

.bot-rep {
	float: left;
	color: #FFFFFF;
	background: #00a3f0;
}

.usr-rep {
	color: #000000;
	background: #FFFFFF;
	float: right;
}

.rep {
	clear: both;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	border-radius: 5px;
	padding: 6px 12px;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background-color: #464646;
}

@media ( max-width : 767px) {
	.header, .footer {
		margin-top: 0;
	}
	.bodys .col-md-6 {
		padding: 0;
	}
	.form-controls {
		width: 79%;
	}
	.rec-body {
		height: 400px;
		padding-top: 45px;
	}
	.rec-head {
		position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 99;
	}
}